<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>Skybay Mall 解决方案 | 趣码科技</title>
    <meta name="author" content="unclexiao">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link rel="stylesheet" href="css/reveal.css">
    <link rel="stylesheet" href="css/theme/league.css">
    <link rel="stylesheet" href="css/uncle-0720.css">
    <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
</head>

<body>
    <div class="reveal">
        <div class="slides">
            <section>
                <h2>Skybaymall解决方案</h2>
                <h6>趣码科技服务说明</h6>
                <p>
                    <small>Created by
                        <a href="http://www.unclexiao.com">unclexiao</a>
                    </small>
                </p>
            </section>

            <section>
                <h2>提纲</h2>
                <ul>
                    <li>梳理需求
                        <span class="fragment">--&gt;是什么</span>
                    </li>
                    <li>团队介绍
                        <span class="fragment">--&gt;谁来做</span>
                    </li>
                    <li>技术架构
                        <span class="fragment">--&gt;为什么</span>
                    </li>
                    <li>项目推进
                        <span class="fragment">--&gt;怎么做</span>
                    </li>
                    <li>协助配合
                        <span class="fragment">--&gt;要什么</span>
                    </li>
                </ul>
            </section>

            <section>
                <section>
                    <h3>我有一个需求</h3>
                    <img class="img-600" src="./img/dream.jpg" alt="">
                </section>
                <section>
                    <h3>场景与角色</h3>
                    <img class="img-500" src="./img/what.jpg" alt="">
                </section>
                <section>
                    <h3>要求与规则</h3>
                    <ul>
                        <li>模式：前后端分离，优秀框架</li>
                        <li>适配：同域名，兼容主流</li>
                        <li>安全性：用户数据、业务流程</li>
                        <li>国际化：英语和阿拉伯语</li>
                        <li>性能：
                            <span class="del">千级并发量</span> 加载时间与响应速度</li>
                        <br>
                        <li class="fragment">体验：自然、流畅</li>
                    </ul>
                </section>
            </section>

            <section>
                <section>
                    <h3>我有一个团队</h3>
                    <img class="img-600" src="./img/avengers.jpg" alt="">
                </section>

                <section>
                    <img class="head" src="./img/xiaohui.jpeg" alt="">
                    <h4>肖会</h4>
                    <ul>
                        <li>专注技术近十年</li>
                        <li>腾讯MIG、众安保险</li>
                        <li>
                            <a href="https://zhuanlan.zhihu.com/funnycode">趣你的大前端</a>
                        </li>
                        <li>
                            <a href="https://pro.lagou.com/user/1086019214.html">农行信用卡进件、腾讯应用宝、众安御膳房</a>
                        </li>
                    </ul>
                </section>

                <section>
                    <img class="head" src="./img/wujiewei.jpeg" alt="">
                    <h4>吴杰威</h4>
                    <ul>
                        <li>第二次创业</li>
                        <li>发现数据、华大基因</li>
                        <li>传畅电商、趣友约饭、信息管理中心</li>
                    </ul>
                </section>

                <section>
                    <img class="head" src="./img/longwei.jpeg" alt="">
                    <h4>龙伟</h4>
                    <ul>
                        <li>硬件工程师转行</li>
                        <li>麓川信息科技</li>
                        <li>湘科院之家、深圳校友会、Z卡通充值</li>
                    </ul>
                </section>

                <section>
                    <h4>携手同行</h4>
                    <ul>
                        <li>关注热门技术</li>
                        <li>维护个人博客</li>
                        <li>参与社区开源</li>
                        <li>独立研发产品</li>
                    </ul>
                </section>
            </section>

            <section>
                <section>
                    <h3>技术选型</h3>
                    <img class="img-500" src="./img/tech.jpg" alt="">
                </section>

                <section>
                    <h3>项目推进</h3>
                    <a href="https://gitee.com/amusingcodesz/dashboard">码云仓库 + 工作流</a>
                </section>
            </section>


            <section>
                <section>
                    <h3>我们希望</h3>
                    <ul>
                        <li>稳定接口、清晰文档</li>
                        <li>规范图片尺寸</li>
                        <li>提供测试数据</li>
                    </ul>
                </section>

                <section>
                    <img class="img-500" src="./img/example.jpg" alt="">
                    <h3>比如：
                        <a href="http://www.amusingcode.com:8001/project/9/interface/api">Yapi</a>
                    </h3>
                </section>
            </section>

            <section data-background-image="img/fighting.jpeg">
                <div style="left:-3px;top:591px;width:959px;height:auto;">
                    <h2 style="color:gold;font-weight: bold;" class="animated infinite tada">开战</h2>
                </div>
            </section>

        </div>
    </div>

    <script src="lib/js/head.min.js"></script>
    <script src="js/reveal.js"></script>
    <script src="js/socket.io.js"></script>
    <script>
        Reveal.initialize({
            controls: true,
            progress: true,
            history: true,
            center: true,
            transition: 'zoom',
            dependencies: [{
                    src: 'lib/js/classList.js',
                    condition: function () {
                        return !document.body.classList;
                    }
                },
                {
                    src: 'plugin/zoom-js/zoom.js',
                    async: true
                }
            ]
        });

        var socket = io('http://www.unclexiao.com', {
            path: '/conf/socket.io'
        });

        socket.on('control', function (data) {
            switch (data) {
                case 'Up':
                    Reveal.up();
                    break;
                case 'Down':
                    Reveal.down();
                    break;
                case 'Left':
                    Reveal.left();
                    break;
                case 'Right':
                    Reveal.right();
                    break;
                case 'Space':
                    Reveal.next();
                    break;
            }
        });
    </script>


</body>

</html>